<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的首页</title>
</head>
<body>
    <!--
        <h1-h6>标签:标题,标题独占一行.有1级-6级标题.
        <center>标签:过时的标签,作用是将其范围内的组件在浏览器上居中显示
                    后期都是通过CSS控制布局.
        <input>标签:用来表示可以在浏览器上获取用户输入信息的组件
                   输入组件有多种样式,可以通过type属性指定
                   常见的样式:
                   type="text" : 文本框
                   type="password" : 密码框
                   type="button" : 按钮

                   单选框和多选框要使用name属性分组,名字相同的为一组
                   type="checkbox" : 多选框
                   type="radio" : 单选框
        <br>标签:换行
        <a>标签:超链接,href属性用于指定连接地址.
        <table>标签:表格。属性border用于指定边框。
                    <table>标签中包含<tr>标签用于表示行
                    <tr>标签中包含<td>标签用于表示列
                    <td>标签中常见属性:
                    align:对其方式。left左对齐,right右对齐,center剧中对其
                    colspan:跨列合并列，合并是从左向右合并列
                    rowspan:跨行合并列，合并是从上向下合并列
     -->
    <center>
        <h1>百度</h1>
        <input size="32" type="text" >
        <input type="button" value="百度一下"><br>
        <input name="gender" type="radio">男
        <input name="gender" type="radio">女
        <br>
        兴趣爱好:
        <input type="checkbox">游戏
        <input type="checkbox">旅游
        <input type="checkbox">骑行
        <input type="checkbox">动漫
        <br>
        <!--
            访问当前首页,浏览器上使用的路径为:
            http://localhost:8080/index.html
                                 ^
                                 这里"/"理解为是项目resources/static目录

            在首页上定义一个超链接:
            <a href="/reg.html">用户注册</a>
            这里的"/reg.html"中最开始的"/"就是URL地址中抽象路径部分最开始的"/"
            浏览器会理解为实际路径为:
            http://localhost:8080/reg.html
                                 ^
        -->
        <a href="/reg.html">用户注册</a>
        <a href="/login.html">登录</a>
        <a href="/writeArticle.html">写文章</a>
        <a href="/classtable.html">课程表</a>
        <br>
        <a href="/userList">用户列表</a>
        <a href="/articleList">用户列表</a>

        <a href="http://www.taobao.com">淘宝</a>
        <br>
        <table border="1">
            <tr>
                <td>第一列</td>
                <td align="center" colspan="3">第二列</td>
            </tr>
            <tr>
                <td>第一列</td>
                <td rowspan="2">第二列</td>
                <td>第三列</td>
                <td>第四列</td>
            </tr>
            <tr>
                <td>第一列</td>

                <td>第三列</td>
                <td>第四列</td>
            </tr>
        </table>
    </center>

</body>
</html>